<template>
    <!-- 附近店铺 -->
    <div class="nearby">
        <h3 class="nearby_title">附近店铺</h3>
        <RouterLink v-for="item in shop.nearbyList" :to="{ path: '/shopview', query: { id: item.id } }" :key="item.id">
            <ShopInfo :shopInfo="item" />
        </RouterLink>
        
    </div>
</template>

<script setup>
import { RouterLink } from 'vue-router'
import ShopInfo from './ShopInfo.vue';
import { useUserStore } from '../store/shop.js'
const shop = useUserStore()
console.log(shop.nearbyList)

</script>



<style lang="scss" scoped>
@import '../style/viriables.scss';

.nearby {
    &_title {
        margin: .16rem 0;
        font-size: .18rem;
        font-family: PingFangSC-Medium;
        font-weight: normal;
        line-height: .25rem;
        color: $content_fontcolor;
    }

    a {
        text-decoration: none;
    }
}
</style>